<template>
  <div class="d-flex gap-2">
    <!-- #region template -->
    <BButton variant="outline-primary">Primary</BButton>
    <BButton variant="outline-secondary">Secondary</BButton>
    <BButton variant="outline-success">Success</BButton>
    <BButton variant="outline-danger">Danger</BButton>
    <BButton variant="outline-warning">Warning</BButton>
    <BButton variant="outline-info">Info</BButton>
    <BButton variant="outline-light">Light</BButton>
    <BButton variant="outline-dark">Dark</BButton>
    <!-- #endregion template -->
  </div>
</template>
